<!DOCTYPE html >

<html lang="en">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <link href="css/bootstrap.css" rel="stylesheet">

<title>Studio 7i</title>
<meta name="description" content="Studio 7i les brinda servicios de Salas de ensayo, Salas de grabacion, y muchos mas servicios...  Lima - Perú">

<meta name="keywords" content="Sala, sala de ensayo, lima, peru, studio, studio 7i, grabacion, musica, rock, metal, alternativo">

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">


<script type="text/javascript">
	document.documentElement.className = 'js';
</script>



	<style type="text/css">
		body { color: #;
	background-color: #FFF;
	background-image: url(img/Rainbow_Wave_Length.jpg);
}
		#recent-posts a { color: #F58723; }
		ul.nav li a { color: #; }
		ul.nav li.current_page_item a, ul.nav li a:hover, #cat-nav-content ul.nav li a:hover, #cat-nav-content ul.nav li.current-cat > a  { color: #F58723; }
		h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #;
	text-align: center;
	color: #FFF;
}
		
		#sidebar a { color:#; }		
		p#copyright { color:# }
		#footer a, ul.bottom-nav li a { color:# }
	</style>

<link rel="stylesheet" id="et-shortcodes-css-css" href="css/shortcodes.css" type="text/css" media="all">

<link rel="stylesheet" id="fancybox-css" href="css/jquery.fancybox-1.3.4.css" type="text/css" media="screen">

<link rel="stylesheet" id="et_page_templates-css" href="css/page_templates.css" type="text/css" media="screen">




<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/et_shortcodes_frontend.js"></script>

<link rel="stylesheet" type="text/css" href="css/cforms2012.css">


<script type="text/javascript" src="js/cforms.js"></script>

	<style type="text/css">
		#et_pt_portfolio_gallery { margin-left: 2px; }
		.et_pt_portfolio_item { margin-left: 11px; }
		.et_portfolio_small { margin-left: -14px !important; }
		.et_portfolio_small .et_pt_portfolio_item { margin-left: 22px !important; }
		.et_portfolio_large { margin-left: -12px !important; }
		.et_portfolio_large .et_pt_portfolio_item { margin-left: 13px !important; }
	#apDiv1 {
	position:absolute;
	width:969px;
	height:115px;
	z-index:101;
	left: -29px;
	top: -3px;
}
    </style>

</head>



<body text="#FFFFFF" class="home blog chrome" id="home">
<div id="header-top" class="clearfix">
<div class="container clearfix">
			
            
            
            
            
            <!-- AKI EL LOGO -->
            <div id="apDiv1"><img src="img/stock-vector-rock-banner-42784495.jpg" width="1033" height="312" alt="ImagenPRincipal"></div>
<p id="slogan"></p>
	  <!-- FIN DEL LOGO -->
            
            
            
			
	  <!-- Start Page-menu --><!-- end #page-menu -->	
	  <!-- End Page-menu -->	
			
	  <div id="cat-nav" class="clearfix">
	    <div id="cat-nav-left"> </div>
				<div id="cat-nav-content"> 
					
					
                    
                    
                    
   <!-- CONSTRUYENDO EL MENU -->	   
   
   
            <!-- MENU - NOSOTROS -->	         
                    
                    <ul id="menu-principal" class="superfish nav clearfix sf-js-enabled">
                    
<li id="menu-nosotros" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-556 sf-ul"><a href="U-principal.jsp" class="sf-with-ul">Nosotros</a>    
</li>


			 <!-- MENU - SERVICIOS -->	
             
<li id="menu-servicios" class="menu-item menu-item-type-post_type menu-item-object-page menu-servicios sf-ul"><a href="U-PServicios.jsp" class="sf-with-ul">Servicios</a>
</li>



 			     <!-- MENU - INICIAR SESION-->	 
<li id="menu-sesion" class="menu-item menu-item-type-post_type menu-item-object-page menu-sesion sf-ul"><a href="U-Sesion.jsp" class="sf-with-ul">Iniciar Sesión</a>



				 <!-- MENU - Registro -->	 
<li id="menu-registro" class="menu-item menu-item-type-post_type menu-item-object-page menu-contacto sf-ul"><a href="U-RegistroCuenta.jsp" class="sf-with-ul">Registrate AQUI</a>
</li>


			<!-- MENU - CONTACTANOS -->	

<li id="menu-contacto" class="menu-item menu-item-type-post_type menu-item-object-page menu-contacto sf-ul"><a href="REFERENCIA AQUI!!!!" class="sf-with-ul">Contáctenos</a>

<ul class="sub-menu" style="display:marker ; visibility: hidden; ">

	<li id="menu-mapa" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-563"><a href="U-Mapa.jsp">Mapa</a></li>
    
	<li id="menu-direccion" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-562"><a href="U-Contactenos.jsp">Direcciones y telefonos</a></li>
    
</ul>
</li>






</ul>
					                   
                   
</div> 
				<!-- end #cat-nav-content -->
				<div id="cat-nav-right"> </div>
	</div>
	  <p>&nbsp;</p>
                  
    <p>&nbsp;</p>
	  <p>&nbsp;</p>
	  <p>&nbsp;</p>	
	  <!-- end #cat-nav -->	
  </div>
  <!-- end .container -->
</div> 	
<!-- end #header-top -->
	
	
	
	<!-- AQUI COLOCAR LA FOTO Y LA DESCRIPCIÓN --><!-- end #featured -->


<!-- FINAL DE DESCRIPCION CON IMAGENES -->


<div id="featured-control">
	<div class="container"></div>
</div> 
<!-- end #featured-control -->	
<div id="content">
  <div class="container-fluid">
    </form>
      <p>&nbsp;</p>
      <div id="from-categories2" class="clearfix">
        <div class="signup-steps step-1 clearfix">
	      <h1 class="redtext"><strong>INICIAR SESION</strong></h1>
	      <p>&nbsp;</p>
        </div>
	    <form class="form-vertical">
	      <label>DNI</label>
	      <input type="text" class="span3" placeholder="Aqui su nombre completo">
	      <label>CLAVE<br>
            <input type="text" class="span3" placeholder="Aqui su nombre completo">
            <br>
	      </label>
	      <br>
	      <button type="submit" class="tooltip-inner">
	      <p>Ingresar</p>
</button>
	      <button type="submit" class="tooltip-inner">Cancelar</button>
        </form>
    </div>
      <p>&nbsp;</p>
      <p></p>
      <p>&nbsp;</p>
	  <p><!-- end .recent-cat -->
	    
      </p>
	  <div></div>
	  <div class="recent-cat">
	    <div class="top">
   <h4 class="title">&nbsp;</h4>
	    </div>
	  </div> 
				<!-- end .recent-cat --><!-- end .recent-cat -->
  </div> 
	<!-- end #from-categories --><!-- end #main-content-wrap -->
</div> 	
				<!-- end .container --><!-- end #content -->

<div id="content-bottom">
  <div class="container"></div>
</div>
	
<div id="footer"><!--end .container -->
</div> <!-- end #footer -->

<div id="footer-bottom">
<div class="container clearfix">
				
		<ul id="menu-footermenu" class="bottom-nav"></ul>		
		<p id="copyright"> <a href="			" title=""></a>  © 2012 Studio 7i  <a href="U-principal.htm"> Lima - Perú</a></p>
	</div><!--end .container -->
</div> <!-- end #footer-bottom -->


<script type="text/javascript" src="js/superfish.js"></script>	
<script type="text/javascript">
	//<![CDATA[
		jQuery.noConflict();
	
		jQuery('ul.superfish, #page-menu ul.nav').superfish({ 
			delay:       200,                            // one second delay on mouseout 
			animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
			speed:       'fast',                          // faster animation speed 
			autoArrows:  true,                           // disable generation of arrow mark-up 
			dropShadows: false                            // disable drop shadows 
		});
		
		jQuery('ul.nav > li > a.sf-with-ul').parent('li').addClass('sf-ul'); 
		
		et_search_bar();
		et_footer_improvements('#footer .footer-widget');
		
		<!---- et_switcher plugin v1.3 ---->
		(function($)
		{
			$.fn.et_switcher = function(options)
			{
				var defaults =
				{
				   slides: '>div',
				   activeClass: 'active',
				   linksNav: '',
				   findParent: true, //use parent elements in defining lengths
				   lengthElement: 'li', //parent element, used only if findParent is set to true
				   useArrows: false,
				   arrowLeft: 'prevlink',
				   arrowRight: 'nextlink',
				   auto: false,
				   autoSpeed: 5000
				};

				var options = $.extend(defaults, options);

				return this.each(function()
				{
					var slidesContainer = jQuery(this);
					slidesContainer.find(options.slides).hide().end().find(options.slides).filter(':first').css('display','block');
			 
					if (options.linksNav != '') { 
						var linkSwitcher = jQuery(options.linksNav);
										
						linkSwitcher.click(function(){
							var targetElement;

							if (options.findParent) targetElement = jQuery(this).parent();
							else targetElement = jQuery(this);

							if (targetElement.hasClass('active')) return false;

							targetElement.siblings().removeClass('active').end().addClass('active');

							var ordernum = targetElement.prevAll(options.lengthElement).length;
											
							slidesContainer.find(options.slides).filter(':visible').hide().end().end().find(options.slides).filter(':eq('+ordernum+')').stop(true,true).fadeIn(700);
							return false;
						});
					};
					
					jQuery('#'+options.arrowRight+', #'+options.arrowLeft).click(function(){
					  
						var slideActive = slidesContainer.find(options.slides).filter(":visible"),
							nextSlide = slideActive.next(),
							prevSlide = slideActive.prev();

						if (jQuery(this).attr("id") == options.arrowRight) {
							if (nextSlide.length) {
								var ordernum = nextSlide.prevAll().length;                        
							} else { var ordernum = 0; }
						};

						if (jQuery(this).attr("id") == options.arrowLeft) {
							if (prevSlide.length) {
								var ordernum = prevSlide.prevAll().length;                  
							} else { var ordernum = slidesContainer.find(options.slides).length-1; }
						};

						slidesContainer.find(options.slides).filter(':visible').hide().end().end().find(options.slides).filter(':eq('+ordernum+')').stop(true,true).fadeIn(700);

						if (typeof interval != 'undefined') {
							clearInterval(interval);
							auto_rotate();
						};

						return false;
					});   

					if (options.auto) {
						auto_rotate();
					};
					
					function auto_rotate(){
						interval = setInterval(function(){
							var slideActive = slidesContainer.find(options.slides).filter(":visible"),
								nextSlide = slideActive.next();
						 
							if (nextSlide.length) {
								var ordernum = nextSlide.prevAll().length;                        
							} else { var ordernum = 0; }
						 
							if (options.linksNav === '') 
								jQuery('#'+options.arrowRight).trigger("click");
							else 		 		
								linkSwitcher.filter(':eq('+ordernum+')').trigger("click");
						},options.autoSpeed);
					};
				});
			}
		})(jQuery);
		
		
		var $featuredArea = jQuery('#featured'),
			$all_tabs = jQuery('#all_tabs');
		
		if ($featuredArea.length) {
			$featuredArea.et_switcher({
				useArrows: true ,
										auto: true,
										autoSpeed: 7000										
			});
		};
				
		if ($all_tabs.length) {
			$all_tabs.et_switcher({
				linksNav: 'ul#tab_controls li a'
			});
		}; 

		jQuery("ul.nav > li > ul").prev("a").attr("href","#");		
		<!---- Footer Improvements ---->
		function et_footer_improvements($selector){
			var $footer_widget = jQuery($selector);
		
			if (!($footer_widget.length == 0)) {
				$footer_widget.each(function (index, domEle) {
					if ((index+1)%4 == 0) jQuery(domEle).addClass("last").after("<div class='clear'></div>");
				});
			};
		};
		
		<!---- Search Bar Improvements ---->
		function et_search_bar(){
			var $searchform = jQuery('#cat-nav div#search-form'),
				$searchinput = $searchform.find("input#searchinput"),
				searchvalue = $searchinput.val();
				
			$searchinput.focus(function(){
				if (jQuery(this).val() === searchvalue) jQuery(this).val("");
			}).blur(function(){
				if (jQuery(this).val() === "") jQuery(this).val(searchvalue);
			});
		};
		
	//]]>	
	</script>
<script type="text/javascript" src="js/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker.min.js"></script>
<script type="text/javascript" src="js/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="js/et-ptemplates-frontend.js"></script>
	

<div id="fancybox-tmp"></div><div id="fancybox-loading"><div></div></div><div id="fancybox-overlay"></div><div id="fancybox-wrap"><div id="fancybox-outer"><div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div><div id="fancybox-content"></div><a id="fancybox-close"></a><div id="fancybox-title"></div><a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a><a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a></div></div></body></html>